<!doctype html>
<html>
 <head>	
	<link rel="stylesheet" href="assets/css/addBook.css">
	 <link rel="stylesheet" href="assets/css/addStoreBook.css">
	 <link rel="stylesheet" href="assets/fonts/iconfont.css">
 </head>
 <body>
  <div id="app" style="display: none" class="layout">
	  <div id="contentWrap" pagetype="item_add" class="content-wrap">
		  <!---->
		  <div class="form-box category-head-box clear">
			  <div class="categoryInfo2">
				  <div class="f_left category_text">
					  图书 &gt; 普通图书
				  </div>
				  <div class="modify_categoryInput">
					  <span class="f_left m_r5"> &gt; </span>
					  <input type="text" readonly="readonly" class="f_left form-input" />
					  <div class="cat_errinfo red_d"></div>
				  </div>
				  <a href="javascript:void(0);" onclick="$('.kfz-confirm').toggle()" class="f_left m_l30 btn_modify">选择分类</a>
				  <!---->
			  </div>
			  <div class="used_category" style="display: none;">
				  <div class="ivu-select ivu-select-single" style="width: 520px;">
					  <div class="ivu-select-selection">
						  <input type="hidden" />
						  <span class="ivu-select-placeholder">请选择最近使用的分类</span>
						  <span class="ivu-select-selected-value" style="display: none;"></span>
						  <!---->
						  <i class="ivu-icon ivu-icon-ios-close ivu-select-arrow" style="display: none;"></i>
						  <i class="ivu-icon ivu-icon-chevron-down ivu-select-arrow"></i>
						  <div class="ivu-select-dropdown" style="display: none;">
							  <ul class="ivu-select-not-found" style="display: none;">
								  <li>暂无使用的分类</li>
							  </ul>
							  <ul class="ivu-select-dropdown-list">
							  </ul>
							  <ul class="ivu-select-loading" style="display: none;">
								  加载中
							  </ul>
						  </div>
					  </div>
				  </div>
			  </div>
		  </div>
		  <div>
			  <div>
				  <!---->
				  <div class="form_box_big">
					  <div class="form-box clear clearfix">
						  <ul class="form-list">
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <div class="verify-error">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> 书名
									  </div>
									  <div class="f_left form_con">
										  <div class="f_left">
											  <div>
            <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookName" type="text" name="itemName" notnull="false" placeholder="" focusin="false" class="f_left itemName form-input w_200" />
												  <!---->
												  <span class="f_left gray6"></span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <span class="f_left grayb" style="margin-left: 4px;"></span>
											  </div>
										  </div>
										  <br />
										  <div id="bookNameWarn" class="f_left red_d pos_info" hidden>
											  请填写书名
										  </div>
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
							  </li>
							  <!--<li class="form-item clearfix m_b18">
                               &lt;!&ndash;&ndash;&gt;
                               <div class="">
                                <div class="form-label f_left">
                                 &lt;!&ndash;&ndash;&gt; 推荐语
                                </div>
                                <div class="f_left form_con">
                                 <div class="f_left">
                                  <div>
                                     <span class="f_left m_r5 gray6">
                                      &lt;!&ndash;&ndash;&gt;</span>
                                   <input type="text" name="importantDesc" notnull="false" placeholder="" focusin="false" class="f_left importantDesc form-input w_200" />
                                   &lt;!&ndash;&ndash;&gt;
                                   <span class="f_left gray6"></span>
                                   <span class="f_left gray9" style="margin-left: 9px;"></span>
                                   <span class="f_left grayb" style="margin-left: 4px;"></span>
                                  </div>
                                  <div class="pos_info red_d" style="display: none;"></div>
                                 </div>
                                 <br />
                                 &lt;!&ndash;&ndash;&gt;
                                </div>
                               </div>
                              </li>-->
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> ISBN
									  </div>
									  <div class="f_left form_con">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookIsbn" type="text" name="isbn" notnull="false" placeholder="" focusin="false" class="f_left isbn form-input w_200" />
												  <!---->
												  <span class="f_left gray6"></span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div id="ISBNWarn" class="pos_info red_d" hidden> 请填写正确的ISBN</div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----> </li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> 作者
									  </div>
									  <div class="f_left form_con">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookAuthor" type="text" name="author" notnull="false" placeholder="" focusin="false" class="f_left author form-input w_200" />
												  <!---->
												  <span class="f_left gray6"></span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" id="authorWarn" hidden>请填写作者</div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----> </li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> 出版社
									  </div>
									  <div class="f_left form_con">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookPublisher" type="text" name="press" notnull="false" placeholder="" focusin="false" class="f_left press form-input w_200" />
												  <!---->
												  <span class="f_left gray6"></span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" id="publisherWarn" hidden>请填写出版社</div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----> </li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <div>
									  <div class="f_left year-group">
										  <div class="form-label f_left" style="line-height: 16px; height: 16px;">
											  <span class="red_d">* </span> 出版时间
										  </div>
										  <div class="f_left form_con">
											  <div class="f_left">
												  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
													  <input id="bookTime" type="text" name="time" notnull="false" placeholder="" focusin="false" class="f_left press form-input w_200" />
													  <!---->
													  <span class="f_left gray6"></span>
													  <span class="f_left gray9" style="margin-left: 9px;"></span>
													  <!---->
												  </div>
												  <div class="pos_info red_d" id="timeWarn" hidden>请填写出版时间</div>
											  </div>
											  <br />
											  <!---->
										  </div>
									  </div>
								  </div>
							  </li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <!----> 定价
									  </div>
									  <div class="form_con f_left">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookPrice" type="text" name="oriPrice" notnull="false" placeholder="" focusin="false" class="f_left oriPrice form-input w_200" />
												  <!---->
												  <span class="f_left gray6">元</span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" style="display: none;"></div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
							  </li>
						  </ul>
					  </div>
					  <div class="form-box clearfix clear">
						  <ul class="form-list">
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> 售价
									  </div>
									  <div class="form_con f_left">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookDiscountPrice" type="text" name="price" notnull="false" placeholder="" focusin="false" class="f_left price form-input w_200" />
												  <!---->
												  <span class="f_left gray6">元</span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" id="discountPriceWarn" hidden>请填写售价</div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!----></li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <span class="red_d">* </span> 库存数量
									  </div>
									  <div class="form_con f_left clearfix">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <input id="bookCount" type="text" name="number" notnull="false" placeholder="" focusin="false" class="f_left number form-input w_200" />
												  <!---->
												  <span class="f_left gray6">件</span>
												  <span class="f_left gray9"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" id="countWarn" hidden>请填写存库数量</div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----></li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <div class="">
									  <div class="form-label f_left">
										  <!----> 详细描述
									  </div>
									  <div class="form_con f_left">
										  <div class="f_left">
											  <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
												  <!---->
												  <textarea id="bookIntroduction" type="textarea" name="itemDesc" notnull="false" placeholder="" class="f_left itemDesc form-input w_700"></textarea>
												  <span class="f_left gray6"></span>
												  <span class="f_left gray9" style="margin-left: 9px;"></span>
												  <!---->
											  </div>
											  <div class="pos_info red_d" id="introductionWarn" hidden></div>
										  </div>
										  <br />
										  <!---->
									  </div>
								  </div>
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----></li>
							  <li class="form-item clearfix m_b18">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <div>
									  <div class="form-label f_left">
										  <span class="red_d">* </span>图片
									  </div>
									  <div class="f_left form_con clearfix img_box">
										  <div class="gray9 w_700" style="position: relative;">
											  图片格式为jpg、png、gif、jpeg
											  <!---->
										  </div>
										  <div class="editimg">
											  <!---->
										  </div>
										  <div class="upload_image clearfix l_h20">
											  <div id="imageList" class="image_list clearfix">
												  <div class="list-group"></div>
												  <a href="" class="image_upload_btn" style="position: relative;">
													  <div id="imageUploadBtn" class="image_upload_add" style="position: relative; z-index: 1;">
														  添加
														  <br />图片
													  </div>
												  </a>
												  <!--            <input id="bookImg" onchange="console.log('-&#45;&#45;&#45;&#45;&#45;&#45;');$('input[type=file]').val('');" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept=".jpg,.gif,.png,.jpeg" tabindex="-1" />-->
											  </div>
										  </div>
										  <!---->
									  </div>
									  <div class="img_edit_dialog img_single_list" style="display: none;">
										  <!---->
										  <div class="img_edit_bg"></div>
									  </div>
									  <div class="logistics-win">
										  <!---->
										  <!---->
										  <!---->
									  </div>
								  </div></li>
							  <li class="form-item clearfix m_b18" style="display: none;">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----></li>
							  <li class="form-item clearfix m_b18" style="display: none;">
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!---->
								  <!----></li>
						  </ul>
					  </div>

				  </div>
				  <!---->
				  <!---->
				  <div class="form-box clearfix clear m_t20">
					  <ul class="form-list bg_white noborder">
						  <li class="form-btn">
							  <div class="submit-btn f_left">
								  提交
							  </div>
						  </li>
					  </ul>
				  </div>
			  </div>
			  <!---->
			  <!---->
			  <!---->
			  <p>
			  <div class="kfz-confirm" hidden>
				  <div class="bg"></div>
				  <div class="kfz-container" style="width: 826px;">
					  <div class="header">
						  选择分类
						  <span class="ivu-icon ivu-icon-ios-close-empty kfz-close-btn iconfont icon-fork" onclick="$('.kfz-confirm').toggle()"></span>
					  </div>
					  <div class="content">
						  <div>
							  <ul class="clearfix classify_tab">
								  <li class="active"><span>图书</span></li>
							  </ul>
							  <div class="classify_box m_t10 clear">
								  <div class="f_left classify_list classify_list2">
									  <a href="javascript:;" class="active"> 普通图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
								  </div>
								  <!--<div class="f_left classify_list classify_list3">
                                   <a href="javascript:;" class=""> 小说 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 文学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 语言文字 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 历史 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 地理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 艺术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 政治 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 法律 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 军事 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 哲学心理学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 宗教 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 经济 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 社会文化 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 教育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 管理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 童书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 生活 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 体育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 工程技术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 计算机与互联网 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 自然科学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 医药卫生 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 综合性图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class="active"> 国学古籍 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
                                   <a href="javascript:;" class=""> 收藏与鉴赏 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
                                   <a href="javascript:;" class=""> 红色文献 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
                                   <a href="javascript:;" class=""> 教材教辅考试 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
                                  </div>
                                  <div class="f_left classify_list classify_list4">
                                   <a href="javascript:;" class=""> 小说 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 文学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 语言文字 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 历史 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 地理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 艺术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 政治 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 法律 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 军事 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 哲学心理学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 宗教 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 经济 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 社会文化 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 教育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 管理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 童书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 生活 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 体育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 工程技术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 自然科学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 医药卫生 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                   <a href="javascript:;" class=""> 综合性图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
                                  </div>-->
								  <!---->
								  <!---->
							  </div>
						  </div>
					  </div>
				  </div>
			  </div>
			  </p>
		  </div>
		  <div class="logistics-win">
			  <!---->
		  </div>
		  <!---->
		  <!---->
		  <!---->
		  <!---->
	  </div>
  </div>
  <div class="detail-con-box">
	  <div class="content-wrap clearfix">
		  <div class="wrap-left f_left">
			  <h2 class="gray3">添加新图书条目</h2>
			  <div class="isbn-box form-box" id="isbn-box">
				  <ul class="form-list">
					  <li class="form-item clearfix">
						  <div class="form-label f_left">
							  ISBN
						  </div> <input type="text" class="form-input f_left w_200" name="isbn_next" placeholder="请输入10位或者13位的ISBN编号" />
						  <div class="isbn_next pos_info red_d"></div>
						  <!--                <div class="err_repeat_text f_left"><span class="icon_triangle jt_red"></span> ISBN已存在，不能重复添加，点击 <a href="#">前往查看</a> </div>-->
						  <!--                <div class="err_format_text f_left"><span class="icon_triangle jt_red"></span> ISBN应为10位或13位的数字，请先输入正确的ISBN编号 </div>--> </li>
					  <li class="form-item clearfix"> <a href="javascript:;" class="next-btn">下一步</a> </li>
				  </ul>
			  </div>
		  </div>
	  </div>
  </div>
  <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
  <script src="assets/js/addBook.js"></script>
  <script src="assets/js/addStoreBook.js"></script>
 </body>
</html>